<template>
    <div>
        <el-form-item v-if="curComponent.propValue.value == 'Listcard'" label="卡片配置">
            <el-form-item style="clear: both" label="图标上边距">
                <el-input v-model="curComponent.propValue.imgTop" type="number" />
            </el-form-item>
            <el-form-item label="图标左边距">
                <el-input v-model="curComponent.propValue.imgLeft" type="number" />
            </el-form-item>
            <el-form-item label="标题字体粗细">
                <el-select v-model="curComponent.propValue.titleBold">
                    <el-option label="极细" :value="200"></el-option>
                    <el-option label="正常" :value="500"></el-option>
                    <el-option label="加粗" :value="550"></el-option>
                </el-select>
            </el-form-item>
            <el-form-item label="标题大小">
                <el-input v-model="curComponent.propValue.titleSize" type="number" />
            </el-form-item>
            <el-form-item label="标题上边距">
                <el-input v-model="curComponent.propValue.titleTop" type="number" />
            </el-form-item>
            <el-form-item label="标题左边距">
                <el-input v-model="curComponent.propValue.titleLeft" type="number" />
            </el-form-item>
            <el-form-item label="内容上边距">
                <el-input v-model="curComponent.propValue.contentTop" type="number" />
            </el-form-item>
            <el-form-item label="内容左边距">
                <el-input v-model="curComponent.propValue.contentLeft" type="number" />
            </el-form-item>
            <el-form-item label="标题颜色">
                <el-color-picker v-model="curComponent.propValue.titleColor" show-alpha></el-color-picker>
            </el-form-item>
            <el-form-item label="内容大小">
                <el-input v-model="curComponent.propValue.contentSize" type="number" />
            </el-form-item>
            <el-form-item label="内容颜色">
                <el-color-picker v-model="curComponent.propValue.contentColor" show-alpha></el-color-picker>
            </el-form-item>
        </el-form-item>
    </div>
</template>

<script>
export default {
    props: ["curComponent"],
};
</script>

<style scoped></style>
